<template>
    <div>  
        <el-row>
  <el-col :span="8" v-for="(obj) in tableData" :key="obj" >
      <div  @click="go(obj.id)" >
         
    <el-card :body-style="{ padding: '0px'}">
      <div style="padding: 14px;height:150px;width:500px" >
        <span style="font-weight:900;">{{obj.names}}</span>
        <div class="bottom clearfix">
          <time class="time">{{ obj.creationTime }}</time>
        </div>
      </div>
    </el-card>
    </div>
  </el-col>
</el-row>
    </div>
</template>

<style>
  .time {
    font-size: 13px;
    color: #999;
  }
  
  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    padding: 0;
    float: right;
  }

  .image {
    width: 100%;
    display: block;
  }

  .clearfix:before,
  .clearfix:after {
      display: table;
      content: "";
  }
  
  .clearfix:after {
      clear: both
  }
</style>

<script>
export default {
  data() {
    return {
      tableData: [{
       }],
      quest:{
          context:undefined,
          questJson:undefined
      },
      currentDate: new Date()
    };
  },
  created(){
     this.axios.get("https://localhost:44347/ListTK").then(x=>{
         this.tableData=x.data
         
     })
  },
  methods:{
    go(id){
       
        localStorage.setItem('id',id);
        this.$router.push({name:"/QnlineEvaluationadd"})
    }
  }
}
</script>